<template>
  <div v-show="$store.state.pageLoading" class="full-loading fixed inset-0 w-screen h-screen bg-white bg-opacity-80 z-50 flex justify-center items-center">
    <div class="sk-chase">
      <div class="sk-chase-dot"></div>
      <div class="sk-chase-dot"></div>
      <div class="sk-chase-dot"></div>
      <div class="sk-chase-dot"></div>
      <div class="sk-chase-dot"></div>
      <div class="sk-chase-dot"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'ALoading'
}
</script>
